@charset "UTF-8";
// 初始化组件样式
@mixin reset-component($nvue: true, $direction: column) {
  @if $nvue {
    @include display-flex-direction($direction: $direction);
  }
  margin: 0;
  padding: 0;
  color: $ft-text-color-df;
  font-size: $ft-font-size-df;
  line-height: $ft-line-height-df;
  /* #ifndef APP-NVUE */
  font-variant: $ft-font-variant-df;
  list-style: none;
  font-feature-settings: $ft-font-feature-settings-df;
  box-sizing: border-box;
  /* #endif */
}

// 由于基于nvue环境进行开发的，此环境中普通元素默认为flex-direction: column;
// 所以在非nvue中，需要对元素进行重置为flex-direction: column; 否则可能会表现异常
// div.uni-scroll-view, div.uni-scroll-content
// VUE3 中，不能写在一个class里面。会失效，比如：
// .demo {
//  @include reset-uni-view();
//}
@mixin reset-uni-view-root() {
  /* #ifndef APP-NVUE */
  @at-root view,
    label,
    scroll-view,
    swiper-item,
    .uni-scroll-view-content {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: auto;
    align-items: stretch;
    align-content: flex-start;
  }
  @at-root image,
    input,
    scroll-view,
    swiper,
    swiper-item,
    text,
    textarea,
    video,
    view,
    .uni-scroll-view-content {
    position: relative;
    border: 0 solid transparent;
    box-sizing: border-box;
  }
  /* #endif */
}
